<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="w" uri="/water-tags"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<s:component template="include-css-main.ftl"></s:component>
		<s:component template="include-css-page.ftl"></s:component>
		<s:component template="include-js-jquery.ftl"></s:component>
		<title>pager</title>
		<style>
		/* ****************container control color  **begin */
		/* border */
		.l>.layout_1, 
		.l>.layout_2, 
		.l>.layout_3, 
		.l>.layout_4, 
		.l>.layout_5,
		.l>.layout_6,
		.l>.layout_middle,
		.l>.layout_contain
		{
			border-color: #00ff00;
		}
		.l>.layout_footer,
		.l>.layout_header
		{
			border-color: #0000ff;
		}
		.l>.layout_header_noborder,
		.l>.layout_footer_noborder
		{
			border-color:#0000ff;
		}
		/* background */
		.l>.layout_1, 
		.l>.layout_2, 
		.l>.layout_3, 
		.l>.layout_4, 
		.l>.layout_5,
		.l>.layout_6,
		.l>.layout_footer,
		.l>.layout_header
		{
			background:#00ff00;
		}
		/* ****************container control color **end */
		
		/* ****************container control color  **begin */
		/* border */
		.b>.layout_1, 
		.b>.layout_2, 
		.b>.layout_3, 
		.b>.layout_4, 
		.b>.layout_5,
		.b>.layout_6,
		.b>.layout_middle,
		.b>.layout_contain
		{
			border-color: #ff0000;
		}
		.b>.layout_footer,
		.b>.layout_header
		{
			border-color: #00ff00;
		}
		.b>.layout_header_noborder,
		.b>.layout_footer_noborder
		{
			border-color:#00ff00;
		}
		/* background */
		.b>.layout_1, 
		.b>.layout_2, 
		.b>.layout_3, 
		.b>.layout_4, 
		.b>.layout_5,
		.b>.layout_6,
		.b>.layout_footer,
		.b>.layout_header
		{
			background:#ff0000;
		}
		/* ****************container control color **end */
		</style>
	</head>
	<body>
		<s:url id="index_url" value="/"/>
		<a href="${index_url}">主页</a>
		<s:url id="page_url" value="/demo/control?resultName=pager&resultValue=pager&pageIndex=PAGE_INDEX"/>
		<w:container id="Pager" cssStyle="width:60%" displayBorder="true">
			<w:containerheader title="青岛啤酒股份" displayBorder="true">青岛啤酒节--欢动世界</w:containerheader>
			<w:containermiddle displayBorder="true">
		        pager<br />
				<br />
				<br />
				<br />
				<br />
			</w:containermiddle>
			<w:containerfooter displayBorder="true">
				<w:pager href="%{page_url}" displayNum="5"></w:pager>
			</w:containerfooter>
		</w:container>
		<br/>
		<w:container id="Pager" cssStyle="width:60%" displayBorder="true" cssClass="l">
			<w:containerheader title="青岛啤酒股份" displayBorder="true">青岛啤酒节--欢动世界</w:containerheader>
			<w:containermiddle displayBorder="true">
		        pager<br />
				<br />
				<br />
				<br />
				<br />
			</w:containermiddle>
			<w:containerfooter displayBorder="true">
				<w:pager href="%{page_url}" displayNum="5"></w:pager>
			</w:containerfooter>
		</w:container>
		<br/>
		<w:container id="Pager" cssStyle="width:60%" displayBorder="true" cssClass="b">
			<w:containerheader title="青岛啤酒股份" displayBorder="true">青岛啤酒节--欢动世界</w:containerheader>
			<w:containermiddle displayBorder="true">
		        pager<br />
				<br />
				<br />
				<br />
				<br />
			</w:containermiddle>
			<w:containerfooter displayBorder="true">
				<w:pager href="%{page_url}" displayNum="5"></w:pager>
			</w:containerfooter>
		</w:container>
	</body>
</html>